.fl{
	float: left;
}
.fr{
	float: right;
}
.body .img{
	width: 100%;
	
}
.body .img img{
	display: block;
	margin: 0 auto;
	width: 10rem;
}
.content{
	margin: 0 0.26667rem 0.4rem;
	font-size: 13px;
}
[data-dpr="2"] .content{
	font-size: 26px;
}
[data-dpr="3"] .content{
	font-size: 39px;
}
.item{
	padding: 0.8rem 0.6667rem 1.0667rem;
	border-bottom: 1px dashed #ccc;
}

.item .item-list{
	text-align: center;
	width: 3.6rem;
}
.item .item-list .item-top{
	font-weight: bold;
}
.item .item-list .item-top span{
	display: inline-block;
	margin-left: 0.18rem;
	font-weight: bold;
}
.item .item-list .item-img{
	width: 100%;
	height: 1.2533rem;
	position: relative;
	margin-top: 0.3rem;
}
.item .item-list .item-img img{
	position: absolute;
	left: 0;
	top: 0;
	width: 3.6rem;
	height: 1.2533rem;
	z-index: 1;
}
.item .item-list.fr .item-img img{
	left: auto;
	right: 0;
}
.item .item-list .item-img p{
	width: 100%;
	position: absolute;
	text-align: center;
	z-index: 10;
	color: #fff;
}
.item .item-list .item-img p.item-title{
	top: 0.12rem;
}
.item .item-list .item-img p.item-num{
	bottom: 0.12rem;
}
.rule{
	margin: 0 0.29333rem;
	color: #666;
}
.rule h3{
	padding: 0.5333rem 0;
	font-size: 14px;
	font-weight: bold;
}
[data-dpr="2"] .rule h3{
	font-size: 28px;
}
[data-dpr="3"] .rule h3{
	font-size: 42px;
}
.rule p{
	padding-bottom: 0.2667rem;
}
/*分享结果页*/
.bg{
	width: 100%;
	position: relative;
}
.bg img.banner{
	display: block;
	margin: 0 auto;
	width: 10rem;
}
.bg img.icon{
	width: 2.64rem;
	height: 2.64rem;
	display: block;
	left: 50%;
	margin-left: -1.32rem;
	position: absolute;
	bottom: -1.32rem;
}
.invite{
	width: 100%;
	margin: 2.52rem 0 0;
}
.invite h3{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	color: #666;
	font-size: 15px;
}
[data-dpr="2"] .invite h3{
	font-size: 30px;
}
[data-dpr="3"] .invite h3{
	font-size: 45px;
}
.from{
	width: 100%;
	margin: 0.74667rem auto 0;
}
.from input{
	display: block;
	width: 6.9333rem;
	padding: 0.33rem 0;
	-ms-line-height: 1.17333rem;
	font-size: 16px;
	border: 1px solid #cecece;
	border-radius: 5px;
	text-align: center;
	margin: 0 auto;
	background: none;
}
[data-dpr="2"] .from input{
	font-size: 32px;
}
[data-dpr="3"] .from input{
	font-size: 48px;
}
.from img.commit{
	display: block;
	margin: 0.4rem auto;
	width: 6.9333rem;
	height: 1.17333rem;
}
.layer{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(25,25,25,0.7);
	z-index: 10;
	display: none;
}
.layer .box{
	width: 7.333rem;
	height: 7.2rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -3.6666rem;
	margin-top: -3.6rem;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 8px 0 #fff;
	z-index: 30;
}
.layer .box img.succ{
	display: block;
	width: 2.24rem;
	height: 2.24rem;
	margin: -1.12rem auto 0;
}
.congra{
	width: 80%;
	padding:0.3333rem 0 0.4rem ;
	font-size: 11px;
	text-align: center;
	margin: 0 auto;
}
[data-dpr="2"] .congra{
	font-size: 22px;
}
[data-dpr="3"] .congra{
	font-size: 33px;
}
.congra p.congra-title{
	font-size: 16px;
}
[data-dpr="2"] .congra p.congra-title{
	font-size: 32px;
}
[data-dpr="3"] .congra p.congra-title{
	font-size: 48px;
}
.congra .congra-phone{
	color: #999;
	margin: .4rem auto .6rem;
}
.congra .congra-phone span{
	display: inline-block;
}
.congra .congra-once{
	color: #56a2f0;
}
.congra .congra-remark{
	color: #999;
	margin: 0.3rem auto 0.5rem;
}
.congra .down{
	display: block;
	margin: 0 auto;
	width:4.64rem;
	height: 1.17333rem;
}
.layer .remind{
	display: block;
	width: 4.4133rem;
	position: absolute;
	top: 0;
	right: 0.4rem;
}